<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${name}月电子考勤统计表</title>
<link rel="stylesheet" type="text/css"
	href="<%=path%>/jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/jquery-easyui/themes/icon.css">
<style type="text/css">
.font7 {
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
}

.font5 {
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
}

.style1 {
	height: 57.0pt;
	width: 35pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: solid #000 1px;
	padding: 0px;
}

.style2 {
	width: 365pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: solid #000 1px;
	padding: 0px;
}

.style3 {
	width: 450pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style4 {
	width: 86pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: solid #000 1px;
	padding: 0px;
}

.style5 {
	height: 42.75pt;
	width: 75pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style6 {
	width: 75pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style7 {
	width: 75pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style8 {
	width: 150pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style9 {
	height: 28.5pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: solid #000 1px;
	padding: 0px;
}

.style10 {
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: solid #000 1px;
	padding: 0px;
}

.style11 {
	width: 75pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: top;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style12 {
	height: 15.0pt;
	width: 35pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
	text-align: center;
	vertical-align: top;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style13 {
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: solid #000 1px;
	padding: 0px;
}

.style14 {
	width: 131pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style15 {
	width: 75pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style16 {
	width: 86pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: solid #000 1px;
	padding: 0px;
}

.style17 {
	height: 14.25pt;
	color: windowtext;
	font-size: 12.0pt;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family: 宋体;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: solid #000 1px;
	padding: 0px;
}

#table input {
	width: 80%;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 0px;
	text-align: center;
}
</style>
<script type="text/javascript"
	src="<%=path%>/jquery-easyui/jquery-1.8.0.js"></script>
<script type="text/javascript"
	src="<%=path%>/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="<%=path%>/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery.json-2.4.js"></script>
<script type="text/javascript" src="<%=path%>/js/post.js"></script>
<script type="text/javascript">
	var path = '${pageContext.request.contextPath}';

	function print() {
		var id = '${code}';
		var year = $('#year').numberspinner('getValue');
		var month = $('#month').numberspinner('getValue');

		var url = path + '/monthsum/print/?id=' + id;
		url += '&year=' + year;
		url += '&month=' + month;
		window
				.open(url, "_blank",
						"toolbar=no,menubar=no,scrollbars=yes,resizable=yes,location=no,status=no");
	}

	function loadGird() {

		var key = $('#searchKey').val();
		if (!key) {
			key = '';
		}

		var form = $('#form');
		form.form('clear');
		form.form('load', {});

		$.messager.progress({
			title : '系统提示',
			msg : '载入中，请稍候...'
		});

		var year = $('#year').numberspinner('getValue');
		var month = $('#month').numberspinner('getValue');

		var url = path + '/monthsum/load/';
		var data = 'id=${code}' + '&year=' + year + '&month=' + month
				+ '&name=' + key;
		$.ajax({
			type : "POST",
			url : url,
			data : data,
			success : function(data) {
				$.messager.progress('close');
				form.form('load', data);
			},
			error : function() {
				$.messager.progress('close');
				$.messager.alert('错误', '无法载入！', 'error');
			}
		});
	}

	$(function() {
		var date = new Date();
		$('#year').numberspinner('setValue', date.getFullYear());
		$('#month').numberspinner('setValue', date.getMonth() + 1);

		loadGird();
	});
</script>
</head>
<body class="easyui-layout">

	<div data-options="region:'north',border:true"
		style="height:40px;padding:4px">

		年份:<input class="easyui-numberspinner" value="2014" id="year"
			style="width: 50px;"
			data-options="min:2010,max:2025,required:true,onChange:loadGird">
		月份:<input class="easyui-numberspinner" value="5" id="month"
			style="width: 40px;"
			data-options="min:1,max:12,required:true,onChange:loadGird">&nbsp&nbsp
		&nbsp&nbsp &nbsp&nbsp <a href="javascript:void(0)"
			class="easyui-linkbutton"
			data-options="iconCls:'icon-print',plain:true" onclick="print()">打印预览</a>

	</div>

	<div id="report" data-options="region:'center',border:false">
		<form id="form" method="post">
			<table id="table" border="0" cellpadding="0" cellspacing="0"
				style="border-collapse:
 collapse;width:900pt" width="1000">
				<colgroup>
					<col style="mso-width-source:userset;mso-width-alt:1504;width:35pt"
						width="47" />
					<col
						style="mso-width-source:userset;mso-width-alt:9984;width:150pt"
						width="200" />
					<col
						style="mso-width-source:userset;mso-width-alt:5600;width:131pt"
						width="175" />
					<col span="6"
						style="mso-width-source:userset;mso-width-alt:3200;
 width:75pt"
						width="100" />
					<col style="mso-width-source:userset;mso-width-alt:3648;width:86pt"
						width="114" />
				</colgroup>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style1" height="76" rowspan="3" width="47">日期</td>
					<td class="style2" colspan="2" rowspan="2" width="260">出勤人数</td>
					<td class="style3" colspan="5" width="600">月出勤天数</td>
					<td class="style4" rowspan="3" width="100">出勤工日数汇总</td>
					<td class="style4" rowspan="3" width="100">额定人数</td>
					<td class="style4" rowspan="3" width="100">当月工作日数</td>
					<td class="style4" rowspan="3" width="100">应出勤工日数汇总</td>
					<td class="style4" rowspan="3" width="100">相差天数</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style5" height="57" rowspan="2" width="100">白班（工日）</td>
					<td class="style6" rowspan="2" width="100">夜班（工日）</td>
					<td class="style6" rowspan="2" width="100">白连夜(工日)</td>
					<td class="style6" rowspan="2" width="100">迟到(人次)</td>
					<td class="style7" rowspan="2" width="100">早退(人次)</td>
				</tr>
				<tr height="38" style="height:28.5pt">
					<td class="style9" height="38" width="100">每天实际出勤人数</td>
					<td class="style10" width="100">每月实际出勤人数</td>
				</tr>
				<tr height="20" style="height:15.0pt">
					<td class="style17" height="20" width="47">1</td>
					<td class="style13"><input name="d1" readonly="readonly" />
					</td>
					<td class="style14" rowspan="31" width="175"><input
						name="quantity" readonly="readonly" />
					</td>
					<td class="style15" rowspan="31" width="100"><input name="day"
						readonly="readonly" />
					</td>
					<td class="style15" rowspan="31" width="100"><input
						name="night" readonly="readonly" />
					</td>
					<td class="style15" rowspan="31" width="100"><input
						name="full" readonly="readonly" />
					</td>
					<td class="style15" rowspan="31" width="100"><input
						name="late" readonly="readonly" />
					</td>
					<td class="style15" rowspan="31" width="100"><input
						name="early" readonly="readonly" />
					</td>
					<td class="style16" rowspan="31" width="100"><input
						name="days" readonly="readonly" />
					</td>
					<td class="style16" rowspan="31" width="100"><input
						name="totail" readonly="readonly" />
					</td>
					<td class="style16" rowspan="31" width="100"><input
						name="workDay" readonly="readonly" />
					</td>
					<td class="style16" rowspan="31" width="100"><input
						name="must" readonly="readonly" />
					</td>
					<td class="style16" rowspan="31" width="100"><input
						name="need" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">2</td>
					<td class="style13"><input name="d2" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">3</td>
					<td class="style13"><input name="d3" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">4</td>
					<td class="style13"><input name="d4" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">5</td>
					<td class="style13"><input name="d5" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">6</td>
					<td class="style13"><input name="d6" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">7</td>
					<td class="style13"><input name="d7" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">8</td>
					<td class="style13"><input name="d8" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">9</td>
					<td class="style13"><input name="d9" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">10</td>
					<td class="style13"><input name="d10" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">11</td>
					<td class="style13"><input name="d11" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">12</td>
					<td class="style13"><input name="d12" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">13</td>
					<td class="style13"><input name="d13" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">14</td>
					<td class="style13"><input name="d14" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">15</td>
					<td class="style13"><input name="d15" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">16</td>
					<td class="style13"><input name="d16" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">17</td>
					<td class="style13"><input name="d17" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">18</td>
					<td class="style13"><input name="d18" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">19</td>
					<td class="style13"><input name="d19" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">20</td>
					<td class="style13"><input name="d20" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">21</td>
					<td class="style13"><input name="d21" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">22</td>
					<td class="style13"><input name="d22" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">23</td>
					<td class="style13"><input name="d23" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">24</td>
					<td class="style13"><input name="d24" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">25</td>
					<td class="style13"><input name="d25" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">26</td>
					<td class="style13"><input name="d26" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">27</td>
					<td class="style13"><input name="d27" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">28</td>
					<td class="style13"><input name="d28" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">29</td>
					<td class="style13"><input name="d29" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">30</td>
					<td class="style13"><input name="d30" readonly="readonly" />
					</td>
				</tr>
				<tr height="19" style="mso-height-source:userset;height:14.25pt">
					<td class="style17" height="19">31</td>
					<td class="style13"><input name="d31" readonly="readonly" />
					</td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>